$minWidth : 1200px;
@mixin bgImg($url,$left:left,$center:center) {
    background: url($url) no-repeat $left $center;
}

.contents {
    width: 100%;
    min-width: $minWidth;
    margin: 135px 0 78px 0;
    .contents_wrap {
        width: $minWidth;
        margin: 0 auto;
        min-height: 720px;
        .contents_down {
            width: $minWidth;
            .mall_dl {
                float: left;
                width: 382px;
                height: 344px;
                margin: 0 18px 37px 0;
                dt {
                    width: 380px;
                    height: 233px;
                    margin-bottom: 4px;
                    border: 1px solid #E2E3E7;
                    .img_wrap {
                        width: 380px;
                        height: 233px;
                        overflow: hidden;
                        img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            -webkit-transition: all 500ms;
                            -moz-transition: all 500ms;
                            -ms-transition: all 500ms;
                            -o-transition: all 500ms;
                            transition: all 500ms;
                            &:hover {
                                -webkit-transform: scale(1.1,1.1);
                                -moz-transform: scale(1.1,1.1);
                                -ms-transform: scale(1.1,1.1);
                                -o-transform: scale(1.1,1.1);
                                transform: scale(1.1,1.1);
                            }
                        }
                        &:hover {
                            box-shadow: 0 0 20px #CCCCCC;
                        }
                    }
                }
                .mall_dd {
                    width: 377px;
                    height: 105px;
                    padding-left: 5px;
                    .mall_p1 {
                        width: 100%;
                        height: 39px;
                        line-height: 39px;
                        font-size: 20px;
                        color: #000000;
                    }
                    .mall_p2 {
                        width: 100%;
                        height: 40px;
                        line-height: 20px;
                        color: #a1a1a1;
                        overflow: hidden;
                        font-size: 14px;
                        margin-bottom: 5px;
                    }
                    .mall_p3 {
                        width: 369px;
                        height: 22px;
                        padding-right: 8px;
                        .left_com {
                            float: left;
                            color: #FF9C00;
                            width: 50%;
                            height: 22px;
                            line-height: 22px;
                            font-size: 16px;
                            i {
                                font-style: normal;
                                font-weight: bold;
                            }
                        }
                        del {
                            width: 50%;
                            float: right;
                            height: 22px;
                            line-height: 22px;
                            font-size: 16px;
                            text-align: right;
                            color: #999999;
                        }
                    }
                }
            }
            
        }
    }
}
